<template>
  <div class="">
  	<div class="box">
  		<div class="header" id="ul1">
        <div class="tu">
          <img src="../assets/logo.png" alt="">
        </div>
        <ul class="ul" @click="go()">
          <router-link to='index1' tag="li" active-class="bottom-border" class="lii">首页</router-link>
          <router-link to='mineCar' tag="li" active-class="bottom-border" ><p>我的车队</p></router-link>
          <router-link to='management' tag="li" active-class="bottom-border"><p>运单管理</p></router-link>
          <router-link to='payment' tag="li" active-class="bottom-border"><p>付款记录</p></router-link>
          <router-link to='fapiaoguan' tag="li" active-class="bottom-border"><p>发票管理</p></router-link>
          <router-link to='control' tag="li" active-class="bottom-border"><p>保理业务</p></router-link>
          <router-link to='factoring' tag="li" active-class="bottom-border"><p>运费账户</p></router-link>
        </ul>
        <div class="log">
            <div class="">
            		  登陆
            </div>
            <div>
            	注册
            </div>
        </div>
      </div>
  	</div>
    <router-view></router-view>
	</div>
</template>


<script>
export default {
		methods:{
    			go(ev){
    				let oUl=document.getElementById('ul1');
    				let oEvent=ev||event;
						let oSrc=oEvent.srcElement||oEvent.target;
						if (oSrc.tagName=='LI') {
							oUl.style.left = 0+'px'
						}
						if(oSrc.tagName=='P'){
							oUl.style.left = -180+'px'
					}
    		}

  }
}
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


  html{
    width: 1600px;
  }
  .header{
    width: 1200px;
    height: 70px;
    position: relative;
    left: 0px;
  }
  .box{
  	width: 1200px;
  	border-bottom: 1px solid #e8e8f0;
  	padding: 10px 200px 0 200px;
  }
  .tu{
    float: left;
  }
  .ul{
    margin-left: 10px;
    float: left;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
  }
  .ul li{
    float: left;
    margin-left: 50px;
    line-height: 67px;
    cursor: pointer;
  }
  .log{
    float: right;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 70px;
  }
  .log div{
    float: left;
    margin-left: 10px
  }
  .bottom-border{
    color: #445281;
    border-bottom: 3px solid #445281;
  }
</style>
